<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>table表格</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-COMPATIBLE" content="IE=edge"> <!--让ie支持新技术-->
    <link rel="stylesheet" type="text/css" href="bootstrap.min.css">
</head>
<body>
    <div class="container">
        <table class="table table-striped table-hover table-bordered ">
            <!--.table 变漂亮  table-striped隔行换色  table-hover 鼠标移入移出的颜色  table-bordered 加边框-->
            <thead>
            <tr class="bg-primary">
                <th >姓名</th>
                <th>年龄</th>
                <th>性别</th>
            </tr>
            </thead>
            <tbody>
            <tr >
                <th class="text-center">小明</th>
                <th >28</th>
                <th>男</th>
            </tr>
            <tr>
                <th>小明</th>
                <th>28</th>
                <th>男</th>
            </tr>
            <tr>
                <th>小明</th>
                <th>28</th>
                <th>男</th>
            </tr>
            </tbody>
        </table>
    </div>
</body>
</html>